<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>排版</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <div class="container">
        <p class="h1">一级标题</p>
        <p class="h2">二级标题</p>
        <p class="h3">三级标题</p>
         <p class="h4">四级标题</p>
        <p class="h5">五级标题</p>
        <p class="h6">六级标题</p>
    </div>

    <hr>
    <div class="container">
        <h2 >dispilay标题</h2>
        <h1 class="display-1" >display-1标题</h1>
        <h1 class="display-2">display-2标题</h1>
        <h1 class="display-3">display-3标题</h1>
    </div>

    <hr>
    <div class="container">
        <p>这是一个段落</p>
        <!--字体变大-->
        <p class="lead">这是bootstrap中突出显示的段落</p>
    </div>

    <div class="container">
        <h2>
            这是文本标题
            <!--颜色更浅字号更小-->
            <small class="text-muted">这是一个小标题</small>
        </h2>
    </div>
</body>
</html>